/* width : 0~100px  .w0~100 +5 */
/* .w5  ==> width: 5px; */
    //@for $i from 0 through 10 {
    //    .w#{$i*10} {
    //        width: $i*10px;
    //    }
    //    @if $i < 9 {
    //        .w#{$i*10 + 5} {
    //            width: $i*10px + 5px;
    //        }
    //    }
    //}
/* width : 0~100px  .w0~100 +1 */
@for $i from 0 through 100 {
    .w#{$i} {
        width: $i*1px;
    }
}

/* width : 5~100%  .w5~100p +5 */
/* .w5p  ==> width : 5%; */
    //@for $i from 0 through 10 {
    //    @if $i > 0 {
    //        .w#{$i*10}p {
    //            width: $i*10%;
    //        }
    //    }
    //    @if $i < 9 {
    //        .w#{$i*10 + 5}p {
    //            width: $i*10% + 5%;
    //        }
    //    }
    //}
/* width : 5~100% .w5~100p +1 */
/* .w5p  ==> width : 5%; */
@for $i from 0 through 100 {
    @if $i > 0 {
        .w#{$i}p {
            width: $i*1%;
        }
    }
}

